<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="../common/meta.jsp" %>
<title><c:out value="${familyObj.nickname}" /><c:if test="${meType=='talk'}">发表的</c:if><c:if test="${meType=='me'}">的动态</c:if> - 果果街</title>

<%@include file="../common/jscss.jsp" %>
<script type="text/javascript" src="js/web2/joinPictorial.js"></script>
<script type="text/javascript">
	$(function(){
		//转发
		$(".zsend").click(function(){
			if(GUOGUO.checkLogin()){
				GUOGUO.doingForwardDialog(this);
			}else{
				GUOGUO.memberLogin();
			}
			
		});
		
		
	// 缩略图放大按钮
		$(".img_org .pic div").click(function(){
			var iid = $(this).attr("iid");
			var doingId = $(this).attr("doingId");
			$("#doing_li_"+doingId+" .t_l .pic").hide();
			$("#doing_li_"+doingId+" .t_l .pic_b li").hide();
			$("#doing_li_"+doingId+" .t_l .pic_b #t_l_pic_b_li_"+iid).show();
		});
		// 原始图片缩小按钮	
		$(".img_org .pic_b .pic_b_bd img").click(function(){
			var iid = $(this).attr("iid");
			var doingId = $(this).attr("doingId");
			$("#doing_li_"+doingId+" .t_l .pic").show();
			$("#doing_li_"+doingId+" .t_l .pic_b #t_l_pic_b_li_"+iid).hide();
		});
		
	//转帖缩略图放大按钮
		$(".img_thumb .pic div").click(function(){
			var iid = $(this).attr("iid");
			var doingId = $(this).attr("doingId");
			$("#doing_li_"+doingId+" .t_l .pic").hide();
			$("#doing_li_"+doingId+" .t_l .pic_b li").hide();
			$("#doing_li_"+doingId+" .pic_b .t_l_pic_thumb_li_"+iid).show();
		});
	//转帖原始图片缩小按钮	
		$(".img_thumb .pic_b .pic_b_bd img").click(function(){
			var iid = $(this).attr("iid");
			var doingId = $(this).attr("doingId");
			$("#doing_li_"+doingId+" .t_l .pic").show();
			$("#doing_li_"+doingId+" .pic_b .t_l_pic_thumb_li_"+iid).hide();
		});
	//评论按钮
		$(".comment").click(function(){
			if(GUOGUO.checkLogin()){
				var doingId = $(this).attr("doingId");
				var dd = $("#doing_li_"+doingId+" dd");
				if(dd.find(".commentcon").size() < 1){
					dd.append('<div class="commentcon" style="display:none;"></div>');
				}
				if(dd.find(".commentcon").is(":hidden")){
					dd.find(".commentcon").show().load("meComment.htm?doingId="+doingId);
				}else{
					dd.find(".commentcon").hide();
				}
			}else{
				GUOGUO.memberLogin();
			}
			
			
		});
	
	//分页	
		$("#pager").pager({ pagenumber: ${pageModel.currentPage}, 
							pagecount: ${pageModel.totalPage},
							buttonClickCallback: function(page){
								window.location.href = "otherFeed.htm?family=${familyObj.doorplate}&page="+page;
							}
		});
	});
	
	function showShare(id){
		$("#share_"+id).toggle();
	}

</script>
</head>
<body>
<%@include file="../common/header.jsp" %>
<div class="wraper">
	
<!--/header-->
	<div class="content">
		<c:set value="feed" var="meLeftType"></c:set>
		<%@include file="taLeft.jsp" %>
		<!--hleft-->
		<div class="hcenter">
			<div class="newupdate">
				 <div class="tabcon" style="margin-top: 0px;">
				 	<c:forEach items="${pageModel.list}" var="doing">
				 		<dl style="border-bottom: 1px solid #EBEDE3;" id="doing_li_${doing.identifier}" >
							<dt onclick="GUOGUO.tcover('${doing.memberName}')" onmouseout="GUOGUO.hideFamilyTip()" onmousemove="GUOGUO.familyTip('${doing.memberName}',this)"><img src="${doing.memberImageServer }${doing.memberAvatar}" /></dt>
							<dd>
								<b><a class="u_name" target="_blank"  href="cover.htm?fid=${doing.owner}">${doing.memberName}</a>
								<c:if test="${doing.type=='posts'}">
									发表：<a target="_blank" style="font-size: 12px;" title="${doing.title}" href="forumDc.htm?id=${doing.identifier}">
											<c:choose>
												<c:when test="${fn:length(doing.title) > 20}">
													《<c:out value="${fn:substring(doing.title,0,20)}..." />》
												</c:when>
												<c:otherwise>
													《<c:out value="${doing.title}" />》
												</c:otherwise>
											</c:choose>
											
										 </a>
								</c:if>
								<c:if test="${doing.type=='reply' && not empty doing.rootDoing}">
									回复：<a target="_blank" style="font-size: 12px;" title="${doing.rootDoing.title}" href="forumDc.htm?id=${doing.rootDoing.identifier}">
											<c:choose>
												<c:when test="${fn:length(doing.rootDoing.title) > 20}">
													《<c:out value="${fn:substring(doing.rootDoing.title,0,20)}..." />》
												</c:when>
												<c:otherwise>
													《<c:out value="${doing.rootDoing.title}" />》
												</c:otherwise>
											</c:choose>
											
										 </a>
								</c:if>
								<c:if test="${doing.type=='pictorial'}">
									加入画报<a target="_blank" href="picdt.htm?id=${doing.pictorial}">《<c:out value="${doing.pictorialObj.title}" />》</a>
								</c:if>
								<span><a href="dt.htm?id=${doing.identifier}" target="_blank">${doing.lastDate}</a></span></b>
								<c:choose>
									<c:when test="${doing.type=='posts'}">
										<p class="text">${doing.meContent}<a style="font-size: 12px;" target="_blank" href="forumDc.htm?id=${doing.identifier}">详情查看</a></p>
									</c:when>
									<c:otherwise>
										<p class="text">${doing.meContent}</p>
									</c:otherwise>
								</c:choose>
								
								<c:if test="${fn:length(doing.doingProductList) > 0 || fn:length(doing.doingPictureList) > 0}">
									<div class="t_l img_org">
										<div class="pic">
												<c:set value="0" var="imageCount"></c:set>
												<c:forEach items="${doing.doingPictureList}" var="pic">
													<div class="r3 fl" doingId="${doing.identifier}" iid="${pic.identifier}">
									                    <img doingId="${doing.identifier}" iid="${pic.identifier}" src="${pic.imageServer}${pic.pictureThumbnail}_150x160.jpg" />
									                </div>
									                <c:set value="${imageCount+1}" var="imageCount"></c:set>
												</c:forEach>
													
	                                            <c:forEach items="${doing.doingProductList}" var="pro">
	                                            	<c:if test="${imageCount == 3}">
	                                            		<br class="clear" />
	                                            	</c:if>
	                                            	 <div class="r3 g fl" doingId="${doing.identifier}" iid="${pro.identifier}">
		                                            	<img doingId="${doing.identifier}" iid="${pro.identifier}" class="fl" src="${pro.imageServer}${pro.picThumb}_150x160.jpg"
									                	 alt="${pro.name}" /><img src="/img/goods_tag.png" class="tag" />
								                	 </div>
								                	 <c:set value="${imageCount+1}" var="imageCount"></c:set>
												</c:forEach>
								                   
								        </div>
								        <ul class="pic_b">
								        	<%-- 上传图片 --%>
								        	<c:forEach items="${doing.doingPictureList}" var="pic">
												<li class="pic_b_f r5" style="display:none; width:460px" id="t_l_pic_b_li_${pic.identifier}" iid="${pic.identifier}" type="image">
						                				<div class="pic_b_bd">
															<a href="javascript:;" picType="1" picproId="${pic.identifier}" class="add_to_album_btn"></a>    
		                                                    <img doingId="${doing.identifier}" iid="${pic.identifier}" src="${pic.imageServer}${pic.picUrl}" />
		                                                </div>
										                				
														<div class="show_big">
										                    <img src="/img/book_13x13.png" class="big_book"  />
										                    <a class="big_detail" href="dt.htm?id=${doing.identifier}" target="_blank" ref="nofollow">详情</a>
										                    <img src="/img/big_13x13.png" class="big_cur"  />
										                    <a class="bigimg" href="${pic.imageServer}${pic.picUrl}" target="_blank" ref="nofollow">查看原图</a>
										                </div> 
										              
										         </li>
											</c:forEach>
								        	
									         <%-- 商品图片 --%>
									         <c:forEach items="${doing.doingProductList}" var="pro">
                                            	  <li class="pic_b_f r5" style="width: 460px; display: none; " id="t_l_pic_b_li_${pro.identifier}" type="goods" iid="${pro.identifier}">
			                							<div class="pic_b_hd">
										                    <a class="mg_slink ofh" href="outLink.htm?id=${pro.identifier }" rel="nofollow" target="_blank"><c:out value="${pro.name}" /></a>
										                                            
										                        <a href="outLink.htm?id=${pro.identifier }" rel="nofollow" class="buy_it mg_slink" target="_blank">
										                            <span class="g_p"><span>￥${pro.price}</span></span>
										                            <i></i>
										                        </a>
										                                        
										                </div>
														<div class="pic_b_bd">
															<a href="javascript:;" picType="2" picproId="${pro.identifier}" class="add_to_album_btn"></a>
															<img doingId="${doing.identifier}" iid="${pro.identifier}" src="${pro.imageServer}${pro.picThumb}_468xXXX.jpg"  alt="${pro.name}" />
														</div> 
										                <div class="show_big">
										                    <img src="/img/book_13x13.png" class="big_book" style="right:37px" />
										                    <a class="big_detail" href="dt.htm?id=${doing.identifier}" target="_blank" style="right:10px">详情</a>
										                </div>             
										                                
										                
										            </li>
											</c:forEach>
					                    </ul>
									</div>
								</c:if>
								
								<c:if test="${doing.type == 'forward' || doing.type == 'reply' || doing.type == 'love'}">
								<div class="t_l img_thumb">
									<div class="q r5">
							            <img class="q_a" src="img/quote_arrow.png" />
							            <p class="sms">
							            	<c:choose>
							            		<c:when test="${doing.rootDoing != null}">
							            			<a target="_blank" class="icard n u_name" href="cover.htm?fid=${doing.rootDoing.owner}">@${doing.rootDoing.memberName}</a>：
							            			<c:choose>
														<c:when test="${doing.rootDoing.type=='posts'}">
															${doing.rootDoing.meContent}<a style="font-size: 12px;" target="_blank" href="forumDc.htm?id=${doing.rootDoing.identifier}">详情查看</a>
														</c:when>
														<c:otherwise>
															${doing.rootDoing.meContent}
														</c:otherwise>
													</c:choose>
							                		<a target="_blank" href="dt.htm?id=${doing.rootDoing.identifier}">原文转发(${doing.rootDoing.forwards})</a>  <a target="_blank" href="dt.htm?id=${doing.rootDoing.identifier}">原文评论(${doing.rootDoing.commentCount})</a>
							            		</c:when>
							            		<c:otherwise>
							            			<del>引用的内容已被删除</del>
							            		</c:otherwise>
							            	</c:choose>
							                
							            </p>
							            <c:if test="${fn:length(doing.rootDoing.doingProductList) > 0 || fn:length(doing.rootDoing.doingPictureList) > 0}">
							            <div class="pic" style="display: block; "> 
							            	<c:set value="0" var="imageCount"></c:set>
											<c:forEach items="${doing.rootDoing.doingPictureList}" var="pic">
												<div class="r3 fl" doingId="${doing.identifier}" iid="${pic.identifier}">
								                    <img src="${pic.imageServer}${pic.pictureThumbnail}_100x100.jpg" />
								                </div>
								                <c:set value="${imageCount+1}" var="imageCount"></c:set>
											</c:forEach>
												
                                            <c:forEach items="${doing.rootDoing.doingProductList}" var="pro">
                                            	<c:if test="${imageCount == 3}">
                                            		<br class="clear" />
                                            	</c:if>
                                            	 <div class="r3 g fl" doingId="${doing.identifier}" iid="${pro.identifier}">
	                                            	<img doingId="${doing.identifier}" iid="${pro.identifier}" class="fl" src="${pro.imageServer}${pro.picThumb}_100x100.jpg"
								                	 alt="${pro.name}" /><img src="/img/goods_tag.png" class="tag" />
							                	 </div>
							                	 <c:set value="${imageCount+1}" var="imageCount"></c:set>
											</c:forEach>
												
				                                               
						                </div>
						                <ul class="pic_b">
								        	<%-- 上传图片 --%>
								        	<c:forEach items="${doing.rootDoing.doingPictureList}" var="pic">
												<li class="pic_b_f r5 t_l_pic_thumb_li_${pic.identifier}" style="display:none; width:460px" id="t_l_pic_thumb_li_${pic.identifier}" iid="${pic.identifier}" type="image">
						                				<div class="pic_b_bd">
															<a href="javascript:;" picType="1" picproId="${pic.identifier}" class="add_to_album_btn"></a>    
		                                                    <img doingId="${doing.identifier}" iid="${pic.identifier}" src="${pic.imageServer}${pic.picUrl}" />
		                                                </div>
										                				
														<div class="show_big">
										                    <img src="/img/book_13x13.png" class="big_book"  />
										                    <a class="big_detail" href="dt.htm?id=${doing.rootDoing.identifier}" target="_blank">详情</a>
										                    <img src="/img/big_13x13.png" class="big_cur"  />
										                    <a class="bigimg" href="${pic.imageServer}${pic.picUrl}" target="_blank">查看原图</a>
										                </div> 
										              
										         </li>
											</c:forEach>
								        	
									         <%-- 商品图片 --%>
									         <c:forEach items="${doing.rootDoing.doingProductList}" var="pro">
                                            	  <li class="pic_b_f r5 t_l_pic_thumb_li_${pro.identifier}" style="width: 460px; display: none; " id="t_l_pic_thumb_li_${pro.identifier}" type="goods" iid="${pro.identifier}">
			                							<div class="pic_b_hd">
										                    <a class="mg_slink ofh" href="outLink.htm?id=${pro.identifier }" rel="nofollow" target="_blank"><c:out value="${pro.name}" /></a>
										                                            
										                        <a href="outLink.htm?id=${pro.identifier }" rel="nofollow" class="buy_it mg_slink" target="_blank">
										                            <span class="g_p"><span>￥${pro.price}</span></span>
										                            <i></i>
										                        </a>
										                                        
										                </div>
														<div class="pic_b_bd">
															<a href="javascript:;" picType="2" picproId="${pro.identifier}" class="add_to_album_btn"></a>
															<img doingId="${doing.identifier}" iid="${pro.identifier}" src="${pro.imageServer}${pro.picThumb}_468xXXX.jpg"  alt="${pro.name}" />
														</div> 
										                <div class="show_big">
										                    <img src="/img/book_13x13.png" class="big_book" style="right:37px" />
										                    <a class="big_detail" href="dt.htm?id=${doing.rootDoing.identifier}" target="_blank" style="right:10px">详情</a>
										                </div>             
										                                
										                
										            </li>
											</c:forEach>
					                    </ul>
						                </c:if>
						              	<c:if test="${not empty doing.rootDoing.videoUrl}">
											<div style="text-align: left;position: relative;margin-top: 10px;" id="doing_video_${doing.rootDoing.identifier}" videoUrl="${doing.rootDoing.videoUrl}">
												<span style="background-image: url('images/doing_video.gif');width: 24px;height: 18px;position: absolute;top: 70px;left: 10px;cursor: pointer;" onclick="GUOGUO.showVideoDetail('${doing.rootDoing.identifier}');"></span>
												<a href="javascript:void(0);" onclick="GUOGUO.showVideoDetail('${doing.rootDoing.identifier}');"><img src="${doing.rootDoing.videoPic}"></a>
											</div>
											<div style="border: 1px solid;color:#E5E5E5;margin-top: 10px;display: none;" id="doing_video_detail_${doing.rootDoing.identifier}">
												<div style="display: block;padding-left: 5px;height: 22px;">
													<a style="color: #999999;float: left;" href="javascript:void(0);" onclick="GUOGUO.upVideo('${doing.rootDoing.identifier}');">收起</a>
												</div>
												<div style="padding-left: 5px;padding-bottom: 5px;" id="doing_video_swf_${doing.rootDoing.identifier}">
												</div> 
											</div>
										</c:if>
									</div>
								</div>
								
					        	 
					        </c:if>
					        <c:if test="${not empty doing.videoUrl}">
								<div style="text-align: left;position: relative;margin-top: 10px;" id="doing_video_${doing.identifier}" videoUrl="${doing.videoUrl}">
									<span style="background-image: url('images/doing_video.gif');width: 24px;height: 18px;position: absolute;top: 70px;left: 10px;cursor: pointer;" onclick="GUOGUO.showVideoDetail('${doing.identifier}');"></span>
									<a href="javascript:void(0);" onclick="GUOGUO.showVideoDetail('${doing.identifier}');"><img src="${doing.videoPic}"></a>
								</div>
								<div style="border: 1px solid;color:#E5E5E5;margin-top: 10px;display: none;" id="doing_video_detail_${doing.identifier}">
									<div style="display: block;padding-left: 5px;height: 22px;">
										<a style="color: #999999;float: left;" href="javascript:void(0);" onclick="GUOGUO.upVideo('${doing.identifier}');">收起</a>
									</div>
									<div style="padding-left: 5px;padding-bottom: 5px;" id="doing_video_swf_${doing.identifier}">
									</div> 
								</div>
							</c:if>
					        
							<div style="clear: both;"></div>	
								
							<div class="glinkb" style="position: relative;">
								<a class="link" href="javascript:void(0)" 
								<c:if test="${sessionScope.member!=null}">
									onclick="GUOGUO.loveDoing('${doing.identifier}','${doing.owner}',this);"
								</c:if>
								<c:if test="${sessionScope.member==null}">
									onclick="GUOGUO.memberLogin();"
								</c:if>
								>喜欢</a>
								<span style="float: left;border: solid 1px #F42481;color: #F42481;padding: 2px 5px 2px 5px;border-radius: 3px 3px 3px 3px;margin-left: 3px;" >${doing.doingLoveCount }</span>
								<p>
									<c:if test="${member.owner == doing.owner}">
										<a href="javascript:deleteDoing('${doing.identifier}')">删除</a>
									</c:if>
									<a href="javascript:void(0)" class="share" doingId=${doing.identifier} onclick="showShare('${doing.identifier}');">分享</a>
									<a href="javascript:;" class="zsend" doingId="${doing.identifier}">转发<c:if test="${doing.forwards != null && doing.forwards > 0}">(${doing.forwards})</c:if></a>
									<a href="javascript:;" class="comment" doingId="${doing.identifier}">评论<c:if test="${doing.commentCount != null && doing.commentCount > 0}">(${doing.commentCount})</c:if></a>
								</p>
								<div class="shareTanchu_y" id="share_${doing.identifier }" style="display: none;left: 280px;_left:200px;">
									  <a href="shareWeibo.htm?id=${doing.identifier}&shareType=01" target="_blank"><img src="imgs/loginPic1.png" alt="新浪" />新浪微博</a>
									  <a href="shareWeibo.htm?id=${doing.identifier}&shareType=03" target="_blank"><img src="imgs/loginPic2.png" />腾讯微博</a>
								</div>
							</div>
							</dd>
							
						</dl>
						
				 	</c:forEach>
				 
				</div>
				
				<c:if test="${pageModel.totalPage > 1}">
					<div id="pager" class="h_page"></div>
				</c:if>
			</div>
			<div class="clear"></div>
			<em class="rt"></em><em class="rb"></em>
		</div>
		<%@include file="taRight.jsp" %>
		
		<!--hright-->
		
		<div class="clear"></div>
	</div>
	<!--/content-->
	<%@include file="../common/footer.jsp" %>
    <!--/footer-->
</div><!--/wraper-->
</body>
</html>
